<!-- <div class="disc_font" style="left: 104px; top: -600px">MAIN&nbsp;BAT</div>
    <div style="left: 74px; top: -605px" class="disc_font">VOLTS</div>
    <div style="left: 134px; top: -630px" class="white_font">26</div>
    <div style="left: 74px; top: -640px" class="disc_font">AMPS</div>
    <div style="left: 144px; top: -665px" class="white_font">8&nbsp;CHG</div>
    <div style="left: 440px; top: -734px" class="disc_font">APU&nbsp;BAT</div>
    <div style="left: 400px; top: -739px" class="disc_font">VOLTS</div>
    <div style="left: 480px; top: -px" class="white_font">25</div> -->

<template>
  <div class="lower">
    <div class="item1">
      <div class="disc_font">MAIN&nbsp;BAT</div>
      <div class="volts">
        <span style="font-weight: 600">VOLTS</span>&nbsp;
        <span style="color: white; font-weight: 600; font-size: 18px">26</span>
      </div>
      <div class="volts" style="margin-left: -40px">
        <span style="font-weight: 600">AMPS</span>&nbsp;
        <span style="color: white; font-weight: 600; font-size: 18px; margin-left: 20px"
          >8&nbsp;chg</span
        >
      </div>
    </div>
    <div class="item2">
      <div class="disc_font">APU&nbsp;BAT</div>
      <div class="volts2">
        <span style="font-weight: 600">VOLTS</span>&nbsp;
        <span style="color: white; font-weight: 600; font-size: 18px">26</span>
      </div>
      <div class="volts2" style="margin-left: -40px">
        <span style="font-weight: 600">AMPS</span>&nbsp;
        <span style="color: white; font-weight: 600; font-size: 18px; margin-left: 20px"
          >13&nbsp;chg</span
        >
      </div>
    </div>
  </div>
</template>

<style scoped>
.lower {
  display: flex;
  position: relative;
  width: 100%;
  height: 200px;
  justify-content: space-between;
}

.item1 {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item2 {
  width: 28%;
  height: 100%;
}

.white_font {
  position: relative;
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 18px;
}

.disc_font {
  color: rgb(8, 214, 255);
  font-weight: 600;
}

span {
  color: rgb(8, 214, 255);
}

.volts {
  margin-left: -80px;
  margin-top: -5px;
}

.volts2 {
  margin-left: -40px;
  margin-top: -5px;
}
</style>
